    div {
        display: flex;
        span {
            position: relative;
            width: 30px;
            display: block;
            height: 30px;
            border: 1px solid;
            border-radius: 50%;
            text-align: center;
            color: #d3d3d3;
            margin-left: 20px;
            label {
                content: ' ';
                display: block;
                border-bottom: 2px solid;
                width: 20px;
                right: -21px;
                position: absolute;
                top: 50%;
                transform: translate(0, -50%);
                border-color: #d3d3d3;
            }
            .iconfont {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            p {
                font-style: normal;
                display: block;
                position: absolute;
                bottom: -45px;
                color: #777;
                left: -6%;
                font-size: 10px;
            }
            &:first-child {
                margin: 0;
            }
            &:last-child {
                label {
                    display: none;
                }
                p {
                    width: 50%;
                    left: 50%;
                    text-align: center;
                    transform: translate(-50%);
                }
            }
            .processing {
                border-color: #00b5ff;
            }
        }
    }
    
    .iconstate {
        color: #00b5ff;
    }
    
    .iconfinish {
        color: #fff;
    }
    
    .finish {
        color: #777;
    }
    
    .finished {
        background: #00b5ff;
    }